<template>
	<div class="body">
		<div class="body_item" @click="goto(item)">
			<div>
				<img :src="item.icon">
			</div>
			<div>{{item.name}}</div>
		</div>
	</div>
</template>

<script>
	export default {
		props:{
			item : {
				type : Object,
			}
		},
		methods:{
			goto(item){
				this.$router.push({
					path:'classGoodsList'
				})
			}
		}
	}
</script>

<style scoped>
	.body
	{
	  width: 25%;
	  height: 100px;
	  border: 1px solid red;
	  margin-left: 5px;
	  margin-right: 5px;
	  margin-bottom: 10px;
	}
	 
	.body img
	{ 
	  width: 100%;
	}
	
	.body_item
	{
	  width: 100%;
	  display: inline-flex;
	  justify-content: center;
	  align-items: center;
	  flex-wrap: wrap;
	}
</style>
